 #set($layout = "position_layout.html")

<!-- <div id="demo">
	<div class="static">static: 默认值。无特殊定位，对象遵循HTML定位规则</div>
	<div id="sub" class="absolute">absolute:
		将对象从文档流中拖出,使用left,right,top,bottom
		等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义
	</div>
	<div class="fixed">fixed:未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范</div>
	<div class="relative">relative:对象不可层叠，但将依据 left,right,top,bottom
		等属性在正常文档流中偏移位置</div>
</div> -->
<div id="banner">
	广告轮播图测试
	<div id="imgcontent" class="imgcontent">
		<div class="pic">
			<ul id="piclist" class="piclist" style="position: relative;">
				<li><a title="图片1" href=""><img src="/images/j1.jpg"></img></a></li>
				<li><a title="图片2" href=""><img src="/images/j2.jpg"></img></a></li>
				<li><a title="图片3" href=""><img src="/images/j3.jpg"></img></a></li>
				<li><a title="图片4" href=""><img src="/images/j4.jpg"></img></a></li>
			</ul>
		</div>
		<div id="slide" class="slide">
			<span class="on"></span> <span class=""></span> <span class=""></span>
			<span class=""></span>
		</div>
	</div>
</div>
#define($js) #includeJs(["jquery.switch","pictureSize","banner"]) #end
